<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
        />
        <title>ToDoList — 千锋教育版权所有</title>
        <link rel="stylesheet" href="./assets/css/style.css" />
    </head>
    <body>
        <header>
            <section>
                <form  id="form" action="javascript:postAction()">
                    <label for="title">
                        <img src="https://storage.lynnn.cn/assets/markdown/91147/pictures/2021/04/619cd39e955cea7c6718d38afd084162002a1dab.jpeg?sign=f3720165756a2ba0971a4298d71e755e&t=6077acca" />
                    </label>
                    <input id="title" name="'title" placeholder="添加ToDo" required="required"
                    autocapitalize="off" type="text">
                </form>
            </section>
        </header>
        <section>
            <h2>
                正在进行
                <span id="todocount">0</span>
            </h2>
            <ul id="todolist"></ul>
                <h2>
                    已经完成
                    <span id="donecount">0</span>
                </h2>
            <ul id="donelist"></ul>
        </section>
        <footer>
            <p>
                Copyright &copy; 2021 千锋教育 版权所有
                <a href="javascript:;">京ICP备15058198号</a>
            </p>
            <p>
                您当前的ip地址是：<strong id="ipv4"></strong
                >，地理位置：<strong id="addr"></strong>
            </p>
        </footer>
        <script src="./assets/js/jquery-3.5.1.min.js"></script>
        <script type="text/javascript" src="./assets/js/index.js"></script>
    </body>
</html>
